<template>
	<view class="worl_datalis">
		<view class="tiele">01  第</view>
		<view class="u_imgs">
			<image  v-for="(item,index) in 3" :key="index" src="https://img.js.design/assets/img/6763efb6ae6c4a1388db7985.png#efd1fa7065136bc7cbe3d5abfc486a26" mode="aspectFill"></image>
		</view>
		<view class="usefo">
			<view class="left">学生姓名：<text>王鑫</text></view>
			<view class="right">所属班级：<text>小班</text></view>
			<view class="right">年龄：<text>8岁</text></view>
		</view>
		<view class="boros"></view>
		<view class="score">
			<view class="score_v">
				<image src="../../static/jb.png" mode="widthFix"></image>
				<view class="right">
					<view>10分</view>
					<view>本次闯关得分</view>
				</view>
			</view>
		</view>
		<view class="boros"></view>
		<view class="commenting">
			<view class="tiele">老师点评：</view>
			<view class="time">2024-12-22 13:26</view>
		</view>
	</view>
</template>

<script>
	import { cour_mygateinfo } from '@/core/api/index.js'
	export default{
		data(){
			return{
				datalis:{}
			}
		},
		onLoad(r) {
			this.CourMygateinfo(r.id)
		},
		methods:{
			async CourMygateinfo(id){
				const { _data } = await cour_mygateinfo({id})
				this.datalis = _data
			}
		}
	}
</script>
<style>
	page{
		background: rgba(247, 247, 247, 1);
	}
</style>
<style lang="scss" scoped>
	.worl_datalis{
		background-color: #fff;
		padding: 20rpx 0;
		.tiele{
			text-align: center;
		}
		.u_imgs{
			padding:  0 30rpx;
			display: flex;
			margin: 20rpx auto;
			image{
				width: 206.32rpx;
				height: 244.56rpx;
			    margin-right: 15rpx;
			}
		}
		.usefo{
			padding:  0 30rpx;
			display: flex;
			// justify-content: space-between;
			color: rgba(102, 102, 102, 1);
			font-size: 26rpx;
			view{
				margin-right: 50rpx;
				text{
					color: #000;
				}
			}
		}
		.score{
			margin: 15rpx auto;
		}
		.score_v{
			width: 508rpx;
			height: 162rpx;
			opacity: 1;
			border-radius: 36rpx;
			background: rgba(247, 247, 247, 1);
			margin: 0 auto;
			display: flex;
			align-items: center;
			justify-content: center;
			image{
				width: 103.38rpx;
				height: auto;
			}
			.right{
				& view:nth-child(1){
					color: rgba(255, 87, 51, 1);
					font-size: 40rpx;
				}
				& view:nth-child(2){
					margin-top: 10rpx;
					color: rgba(0, 186, 173, 1);
                    font-size: 32rpx;
				}
			}
		}
		.boros{
			width: 100%;
			margin: 30rpx auto;
			height: 4rpx;
			background-color:  rgba(247, 247, 247, 1);
		}
		.commenting{
			padding: 0 50rpx;
			.tiele{
				text-align: left;
			}
			.time{
				margin-top: 5rpx;
				color: rgba(166, 166, 166, 1);
				font-size: 26rpx;
			}
		}
	}
</style>